<template>
<div>
我是仓库
<div>我是仓库的count:{{ store.count }}</div>
<div>我是天气数据：{{tiandata.city}},{{ tiandata.country }}</div>
</div>
</template>
<script setup lang='ts'>
import { useCounterStore } from "../stores/counter";
import { storeToRefs } from 'pinia'
import { ref } from 'vue'


const store = useCounterStore()
const {tiandata} = storeToRefs(store)
console.log(tiandata);



store.$subscribe((mutation, state) => {
  // import { MutationType } from 'pinia'
//   mutation.type // 'direct' | 'patch object' | 'patch function'
//   // 和 cartStore.$id 一样
//   mutation.storeId // 'cart'
//   // 只有 mutation.type === 'patch object'的情况下才可用
//   mutation.payload // 传递给 cartStore.$patch() 的补丁对象。
    // console.log(mutation,state);
    
  // 每当状态发生变化时，将整个 state 持久化到本地存储。
  localStorage.setItem('cart', JSON.stringify(state))
})

store.increment()

store.gettainqi()




</script>


<style lang='scss'>

</style>
